<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>
<canvas id="demo"></canvas>

<script src="./text-image.iife.js"></script>

<script>
    // 文字
    // textImage.createTextImage({
    //     canvas: document.getElementById('demo'),
    //     replaceText: '123',
    //     source: {
    //         text: '牛逼666',
    //     },
    // });


    // 图片
    textImage.createTextImage({
        canvas: document.getElementById('demo'),
        raduis: 7,
        isGray: true,
        source: {
            img: 'https://picsum.photos/200/200',
        },
    });


    // 视频
    // textImage.createTextImage({
    //     canvas: document.getElementById('demo'),
    //     raduis: 8,
    //     isGray: true,
    //     source: {
    //         video: './assets/1.mp4',
    //         height: 700,
    //     },
    // });
</script>
</body>
</html>
